<script setup>

</script>

<!-- 学生详情页（studentDetail.vue） -->
<template>
  <view class="main">

  <view class="input">
    <view class="detail-title"><b>学生填报详情</b></view>
    <view class="detail-info">
      <view><b>学号</b>：{{ studentId }}</view>
      <view><b>学生姓名：</b>{{ studentName }}</view>
      <view><b>当前位置：</b>{{ studentAddress}}</view>

      <view><b>填报时间：</b>2025-10-1-13：00</view>
      <view class="book">
        <b>健康码和行程码</b>：<br>
        <image class="tp" src="/static/image/erwm.png"></image>
        <image class="tp" src="/static/image/erwm.png"></image>
      </view>
      <view><b>当前体温：</b>36.3</view>
      <view><b>本人健康情况：</b>健康</view>
      <view><b>是否为疑似或者确认患者：</b>否<br>
        <b>是否两周内与湖北等重点地区、其他中、高风险地区相关人员接触：</b>否<br>
          <b>是否当前离开学校：</b>否<br>
            <b>备注：</b>无<br>
        <b>健康码颜色：</b>绿
      </view>
    </view>
  </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      studentId: '',
      studentName: '',
      studentAddress:''
    };
  },
  // 页面加载时接收参数
  onLoad(options) {
    // options 包含 URL 中传递的所有参数
    this.studentId = options.id; // 接收学生id
    this.studentName = options.name; // 接收学生姓名
    this.studentAddress = options.address; // 接收

  },
  methods: {
    // 获取学生详情数据（示例接口调用）
    getStudentDetail(id) {
      // uni.request({
      //   url: '你的接口地址',
      //   data: { id: id },
      //   success: (res) => {
      //     console.log('学生详情数据：', res.data);
      //   }
      // });
    }
  }
};
</script>

<style >
.main{
  height: 4000px;

  background-color: rgba(239,239,244,1);
}
.input{
  height: 700px;
font-size: large;
  margin: 10px 10px;
background-color: white;
padding: 10px;
}
.detail-title{
  display: flex;
  justify-content: center;
}
.tp {
  width: 150px; /* 设置图片宽度为150像素 */
  height: 150px; /* 设置图片高度为150像素 */
  /* 距离容器顶部100像素 */
}
</style>